<template lang="html">
  <section>
    <div class="box">
      <div class="left">
        <img src="/static/images/1.jpg" alt="">
      </div>
      <div class="right">
        测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试
        测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试
        测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试
      </div>
    </div>
  </section>
</template>

<script>
export default {
  data() {
    return {}
  },
  methods: {
    init() {
      var MYAPP = MYAPP || {};
      MYAPP.namespace = function (ns_string) {
        var parts = ns_string.split('.'),
          parent = MYAPP,
          i;

        // 剥离最前面冗余的全局变量
        if(parts[0] === "MYAPP") {
          parts = parts.slice(1);
        }

        for (i = 0; i < parts.length; i++) {
          // 如果它不存在，就创建一个属性
          if (typeof parent[parent[i]] === "undefined") {
            parent[parts[i]] = {};
          }
          parent = parent[parts[i]];
        }

        return parent;
      };
      MYAPP.namespace('data.messageList');
      console.log(MYAPP);
    }
  },
  mounted() {
    this.init();
  }
}
</script>

<style lang="scss" scoped>
@import "../../assets/scss/default.scss";
.box {
  width: px2rem(600);
  margin: 0 auto;
  .left {
    width: px2rem(300);
    margin-right: px2rem(10);
    float: left;
    img {
      max-width: 100%;
    }
  }
  .right {
    font-size: px2rem(24);
    line-height: px2rem(40);
  }
}
</style>
